@{layout('')}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=10" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="robots" content="all,follow" />
	@{if repository.preview}
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
		@{import('editor.css')}
	@{fi}
</head>
<body class="CMS_preview" style="padding:0;margin:0;background-color:#F0F0F0;font-family:Arial;font-size:14px;height:100%;line-height:18px">

	@{if !repository.preview && repository.page.id}
		<!-- View stats -->
		<img src="@{'%url'}/newsletter.gif?id=@{repository.page.id}" alt="" width="1" height="1" style="opacity:0;position:absolute;left:-100px;top:-100px" />
	@{else}
		<br /><br />
	@{fi}

	<div style="background-color:#F0F0F0;font-size:14px;font-family:Arial;line-height:18px">
		<div id="CMS" style="padding:10px">
			@{if repository.page && repository.page.body}
				@{!repository.page.body}
			@{else}
			<table align="center" cellpadding="0" cellspacing="0" width="100%" border="0">
				<tr>
					<td style="width:95%;min-width:250px;max-width:600px;background-color:white;margin:20px auto;display:block" bgcolor="#FFFFFF" valign="top">
						<div class="CMS_widgets" data-cms-category="Newsletter">
							<a href="/" class="CMS_remove CMS_template" style="display:block;margin-bottom:15px"><img src="" border="0" alt="" style="width:100%;height:auto;max-width:600px" class="CMS_edit" /></a>
							<a href="/" style="display:block;font-weight:bold;margin:10px 0 5px;font-size:16px;text-decoration:none;padding:0 15px" class="CMS_edit">Lorem Ipsum</a>
							<div class="CMS_edit CMS_remove CMS_template" style="padding:0 15px 15px 15px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
							<div class="CMS_remove CMS_template" style="padding:0 15px 15px 15px">
								<table style="width:100%;padding:0;margin:0;" border="0" cellpadding="0" cellspacing="0">
									<tr class="CMS_repeat">
										<td style="width:50%;padding:0;margin:0;font-size:14px;font-family:Arial">
											<div style="margin-right:10px;margin-bottom:20px">
												<a href="/"><img src="" border="0" alt="" style="width:100%;height:auto;max-width:300px" class="CMS_edit" /></a>
												<a href="/" style="display:block;font-weight:bold;margin:10px 0 5px;font-size:16px;text-decoration:none" class="CMS_edit">Lorem Ipsum</a>
												<div class="CMS_edit" style="margin-top:5px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Excepteur sint occaecat cupidatat nonproident.</div>
											</div>
										</td>
										<td style="width:50%;padding:0;margin:0;font-size:14px;font-family:Arial">
											<div style="margin-left:10px;margin-bottom:20px">
												<a href="/"><img src="" border="0" alt="" style="width:100%;height:auto;max-width:300px" class="CMS_edit" /></a>
												<a href="/" style="display:block;font-weight:bold;margin:10px 0 5px;font-size:16px;text-decoration:none" class="CMS_edit">Lorem Ipsum</a>
												<div class="CMS_edit" style="margin-top:5px">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. Excepteur sint occaecat cupidatat nonproident.</div>
											</div>
										</td>
									</tr>
								</table>
							</div>
						</div>
						<div style="border-top:1px solid #E0E0E0;padding:15px;text-align:center;font-size:11px;color:#A0A0A0"><span class="CMS_edit">@(I don't want to receive similar emails.)</span> <a href="@{'%url'}/api/unsubscribe/?email=@@@" class="CMS_edit b">@(Unsubscribe me)</a>.</div>
					</td>
				</tr>
			</table>
			@{fi}
		</div>
	</div>
	<br />

</body>
</html>
